<template>
  <el-form
    ref="aMapEnvConfig"
    :model="form"
    label-width="120px"
  >
    <el-form-item
      label="key"
      prop="key"
      :rules="[{ required: true, message: '请输入地图key', trigger: 'blur' }]"
    >
      <el-input
        v-model="form.key"
        placeholder="请输入地图key"
        show-password
        type="password"
      />
    </el-form-item>
    <el-form-item
      label="安全秘钥"
      prop="securityJsCode"
      :rules="[{ required: true, message: '请输入js安全code', trigger: 'blur' }]"
    >
      <el-input
        v-model="form.securityJsCode"
        placeholder="请输入js安全code"
        show-password
        type="password"
      />
    </el-form-item>
    <el-form-item>
      <el-button
        type="primary"
        @click="handleSubmit"
      >
        {{ $t("formI18n.all.save") }}
      </el-button>
    </el-form-item>
  </el-form>
</template>

<script>
import ConfigMixin from "./ConfigMixin";

export default {
  name: "MapConfig",
  mixins: [ConfigMixin],
  data() {
    return {};
  },
  async created() {
    this.activeName = "aMapEnvConfig";
    await this.handleClick();
  },
  mounted() {}
};
</script>

<style scoped>
.el-input {
  width: 35%;
}
</style>
